<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<h:outputStylesheet library="css" name="bootstrap/css/bootstrap.css"/>
</h:head> 
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
</head>

 
<body> 
<div class="navbar  navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
 	  
     
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="index.faces">ERP Solution Team </a>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse">
       
        <ul class="nav">
	  		<li class="active"><a href="index.faces">Home</a></li>
	 	 	<li><a href="#">News</a></li>
	  		<li><a href="#">About Us</a></li>
	  		<li><a href="#">Description</a></li>
	  		<li><a href="Presentation.faces">Presentations</a></li>
	  		<li><a href="#">Job offer</a></li>
	  		
		</ul>
		
		
      <form class="navbar-search pull-right">
 		 <input type="text" class="search-query" placeholder="Search"/>
		</form>
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>
 
    </div>
  </div>
</div>

<div class="row-fluid">
<div class="span6 well" id="p1">
<div class="hero-unit">
  <h1>Welcome Makers</h1>
  <p>
  This part of the project is reserved to the makers he is the one who have the right to
  open and close a recruitment session he can at the same time build or fill a form full
  qualified profil and all requirment for a free place in Agro.
  </p>
  <br/>
		      <br/><br/>
		      <br/>
  <p>
    <a class="btn btn-primary btn-large">
      Learn more
    </a>
  </p>
</div>
</div>
<div>
<p class="span6 well" id="p4">
<button class="btn btn-large btn-block btn-success" type="button" style="margin:auto;" id="rs"><p>Open a recruitment Session</p> </button>
<button class="btn btn-large btn-block btn-primary" id="prim" type="button" style="margin:auto;"><p>View Open recruitment Session</p></button>
<button class="btn btn-large btn-block btn-danger" type="button" style="margin:auto;"><p>Close a recruitment Session</p> </button>
</p>
<br/>
<div class="pagination">
<div class="span3 well" id="p2">
		<ul class="thumbnails span21">
		  <li>
		      <h4>List of open Session<hr/></h4>
		      <f:view>
		      	<h:form>
		      <ol>
		  		<h:dataTable value="#{offerManaged.offers}" var="offre">
				<h:column></h:column><h:column><li>&nbsp;</li></h:column><h:column><h:outputText value="#{offre.name}" styleClass="text-info"/></h:column><h:column><img src="images/project.png" alt="" width="30%" /> </h:column><h:column></h:column><h:column><h:link outcome="jodetailmaker" value="Display" styleClass="btn btn-small btn-warning"><f:param name="offer" value="#{offre.idOffer}"/></h:link></h:column>
				</h:dataTable>
			</ol>
			</h:form>
			</f:view>
		  </li>
		</ul>
	</div>
	<div class="span3 well" id="p3">
		<ul class="thumbnails">
		  <li>
		      <h4>Online Candidaturs <hr/></h4>
		      <f:view>
		      	<h:form>
		      <ol>
		  		<h:dataTable value="#{CVManaged.cvs}" var="cv">
				<h:column></h:column><h:column><li>&nbsp;</li></h:column><h:column><h:outputText value="#{cv.name}" styleClass="text-info"/></h:column><h:outputText value="#{cv.prenom}" styleClass="text-info"/><h:column><h:column><img src="images/user.png" alt="" width="30%" /> </h:column></h:column><h:column><h:link outcome="makertransition" value="Display" styleClass="btn btn-small btn-warning"><f:param name="offer2" value="#{cv.id}"/><f:param name="temp" value="#{cv.temp}"/></h:link></h:column>
				</h:dataTable>
			</ol>
			</h:form>
			</f:view>
		  </li>
		</ul>
	</div>
</div>
</div>

</div>

<script type="text/javascript" language="javascript" src="jQ/jquery.js"></script>
<script type="text/javascript" language="javascript" src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" language="javascript" src="jQ/index.js"></script>

</body> 
</html>
